<div class="bpm-work">
    <div class="bpm-work-ex">
        <div class="bpm-work-ex-content">
            <div class="bpm-tabs">
                <h2 class="bpm-tabs-title">
                    配图样式详情
                </h2>
                <div class="bpm-tabs-sub">
                    <div class="bpm-tabs-sub-ioc"></div>
                    <div class="bpm-tabs-sub-h2">基本信息</div>
                </div>
                <table>
                    <tr>
                        <td class="form-text">
                            <nz-form-label nzRequired class="form-label">名称</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <input nz-input required [(ngModel)]="fs.er.name" name="name" #name="ngModel">
                            </nz-form-control>
                        </td>
                        <td class="form-text">
                            <nz-form-label nzRequired class="form-label">排序</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-input-number class="form-control" required [(ngModel)]="fs.er.order" name="order"
                                    [nzMin]="1" #order="ngModel" [nzMax]="100" [nzStep]="1">
                                </nz-input-number>
                            </nz-form-control>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-text">
                            <nz-form-label nzRequired class="form-label">雪碧图</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-select [(ngModel)]="fs.er.sprite" class="form-control" name="sprite" id="sprite"
                                    required #sprite="ngModel" (nzOpenChange)="spriteDic.load('0')"
                                    [nzPlaceHolder]="'请选择'">
                                    <nz-option *ngFor="let option of spriteDic.datas" [nzLabel]="option.display"
                                        [nzValue]="option.id">
                                    </nz-option>
                                    <nz-option *ngIf="spriteDic.isLoading" nzDisabled nzCustomContent>
                                        <i nz-icon type="loading" class="loading-icon"></i>加载中...
                                    </nz-option>
                                    <span *ngIf="!spriteDic.isLoaded">
                                        <nz-option [nzLabel]="fs.er.spriteName" [nzValue]="fs.er.sprite">
                                        </nz-option>
                                    </span>
                                </nz-select>
                            </nz-form-control>
                        </td>
                        <td class="form-text">
                            <nz-form-label nzRequired class="form-label">属性</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <label nz-checkbox [(ngModel)]="fs.er.valid" name="valid">有效</label>
                            </nz-form-control>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-text">
                            <nz-form-label class="form-label" nzRequired>浏览器</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-select [(ngModel)]="fs.er.browser" class="form-control" required #browser="ngModel"
                                    name="browser" nzMode="multiple" (nzOpenChange)="browserDic.load('0')"
                                    [nzPlaceHolder]="'请选择'">
                                    <nz-option *ngFor="let option of browserDic.datas" [nzLabel]="option.display"
                                        [nzValue]="option.id">
                                    </nz-option>
                                    <nz-option *ngIf="browserDic.isLoading" nzDisabled nzCustomContent>
                                        <i nz-icon type="loading" class="loading-icon"></i>加载中...
                                    </nz-option>
                                    <span *ngIf="!browserDic.isLoaded">
                                        <nz-option *ngFor="let option of fs.er.browser;let i = index"
                                            [nzLabel]="fs.er.browserName[i]" [nzValue]="option">
                                        </nz-option>
                                    </span>
                                </nz-select>
                            </nz-form-control>
                        </td>
                        <td class="form-text">
                            <nz-form-label class="form-label" nzRequired>终端</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-select [(ngModel)]="fs.er.terminal" class="form-control" required
                                    #terminal="ngModel" name="terminal" nzMode="multiple"
                                    (nzOpenChange)="terminalDic.load('0')" [nzPlaceHolder]="'请选择'">
                                    <nz-option *ngFor="let option of terminalDic.datas" [nzLabel]="option.display"
                                        [nzValue]="option.id">
                                    </nz-option>
                                    <nz-option *ngIf="terminalDic.isLoading" nzDisabled nzCustomContent>
                                        <i nz-icon type="loading" class="loading-icon"></i>加载中...
                                    </nz-option>
                                    <span *ngIf="!terminalDic.isLoaded">
                                        <nz-option *ngFor="let option of fs.er.terminal;let i = index"
                                            [nzLabel]="fs.er.terminalName[i]" [nzValue]="option">
                                        </nz-option>
                                    </span>
                                </nz-select>
                            </nz-form-control>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-text">
                            <nz-form-label class="form-label" nzRequired>内核</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-select [(ngModel)]="fs.er.kernel" class="form-control" required #kernel="ngModel"
                                    nzMode="multiple" [nzPlaceHolder]="'请选择'">
                                    <nz-option *ngFor="let option of kernelDic.datas" [nzLabel]="option.display"
                                        [nzValue]="option.id">
                                    </nz-option>
                                </nz-select>
                            </nz-form-control>
                        </td>
                        <td class="form-text">
                            <nz-form-label class="form-label" nzRequired>最小内存要求</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-input-number class="form-control" [(ngModel)]="fs.er.memory" name="smemory"
                                    [nzMin]="1" #smemory="ngModel" [nzMax]="10000" [nzStep]="1" class="form-control">
                                </nz-input-number>
                            </nz-form-control>
                        </td>
                    </tr>

                    <tr>
                        <td class="form-text">
                            <nz-form-label class="form-label">初始级别</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-input-number class="form-control" [(ngModel)]="fs.er.zoom" name="zoom" [nzMin]="1"
                                    [nzMax]="100" [nzStep]="1">
                                </nz-input-number>
                            </nz-form-control>
                        </td>
                        <td class="form-text">
                            <nz-form-label class="form-label">中心点</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <input nz-input [(ngModel)]="fs.er.center" name="center" />
                            </nz-form-control>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-text">
                            <nz-form-label class="form-label">最大级别</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-input-number class="form-control" [(ngModel)]="fs.er.maxZoom" name="maxZoom"
                                    [nzMin]="1" [nzMax]="100" [nzStep]="1">
                                </nz-input-number>
                            </nz-form-control>
                        </td>
                        <td class="form-text">
                            <nz-form-label class="form-label">最小级别</nz-form-label>
                        </td>
                        <td class="form-input">
                            <nz-form-control class="form-control">
                                <nz-input-number class="form-control" [(ngModel)]="fs.er.minZoom" name="minZoom"
                                    [nzMin]="1" [nzMax]="100" [nzStep]="1">
                                </nz-input-number>
                            </nz-form-control>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-text">
                            <nz-form-label class="form-label">全图范围</nz-form-label>
                        </td>
                        <td class="form-input" colspan="3">
                            <nz-form-control class="form-control4">
                                <input nz-input [(ngModel)]="fs.er.extent" name="extent" />
                            </nz-form-control>
                        </td>
                    </tr>

                    <tr>
                        <td class="form-text">
                            <nz-form-label class="form-label">其他属性</nz-form-label>
                        </td>
                        <td class="form-input" colspan="3">
                            <nz-form-control class="form-control4">
                                <textarea [nzAutosize]="{ minRows: 2, maxRows: 4 }" name="propertys" nz-input
                                    [(ngModel)]="fs.er.propertys"></textarea>
                            </nz-form-control>
                        </td>
                    </tr>
                </table>

                <!-- 数据源组 -->
                <div class="bpm-tabs-sub">
                    <div class="bpm-tabs-sub-ioc"></div>
                    <div class="bpm-tabs-sub-h2">数据源</div>
                    <th>
                        <span class="form-edit" (click)="addRow()">
                            <添加>
                        </span>
                    </th>
                </div>
                <nz-table nzSize="middle" [nzData]="[{}]" [nzShowPagination]='false'>
                    <thead>
                        <tr>
                            <th class="form-input">名称</th>
                            <th class="form-input" nzWidth="10%">标识</th>
                            <th class="form-input" nzWidth="10%">类型</th>
                            <th class="form-input" nzWidth="10%">可查询</th>
                            <th class="form-input" nzWidth="10%">可编辑</th>
                            <th class="form-input" nzWidth="10%">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let c of fs.er.sources;let i = index">
                            <td class="form-input">
                                <span class="form-edit" (click)="editRow(c,i)">{{c.cname}}</span>
                            </td>
                            <td class="form-input">
                                {{c.name}}
                            </td>
                            <td class="form-input">
                                {{c.type}}
                            </td>
                            <td class="form-input">
                                {{c.canSearch | boolReform}}
                            </td>
                            <td class="form-input">
                                {{c.canEdit | boolReform}}
                            </td>
                            <td class="form-input">
                                <a class="form-button" nz-popconfirm nzTitle="确认删除选择项?"
                                    (nzOnConfirm)="fs.delLocalRow(fs.er.sources, c)" nzPlacement="bottomRight">删除</a>
                            </td>
                        </tr>
                    </tbody>
                </nz-table>

                <!-- 图层组 -->
                <div class="bpm-tabs-sub">
                    <div class="bpm-tabs-sub-ioc"></div>
                    <div class="bpm-tabs-sub-h2">图层组
                        <span class="form-edit" (click)="addLayerRow()">
                            <添加>
                        </span>
                    </div>
                </div>
                <nz-table nzSize="middle" nzShowSizeChanger [nzShowPagination]="false" [nzFrontPagination]="false"
                    [nzData]="LayerDatas">
                    <thead>
                        <tr>
                            <th>名称</th>
                            <th nzWidth="20%">类型</th>
                            <th nzWidth="20%">数据源</th>
                            <th nzWidth="10%">排序</th>
                            <th nzWidth="10%">显示</th>
                            <th nzWidth="180px">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <ng-template ngFor let-data [ngForOf]="LayerDatas">
                            <ng-template ngFor let-item [ngForOf]="expandDataCache[data.id]">
                                <tr *ngIf="(item.parent&&item.parent.expand)||!(item.parent)">
                                    <td [nzIndentSize]="item.level*20" [nzShowExpand]="!item.leaf"
                                        [(nzExpand)]="item.expand" (nzExpandChange)="fs.collapse(item,$event)">
                                        <span class="form-edit" (click)="editLayerRow(item)">
                                            {{item.name}}
                                        </span>
                                    </td>
                                    <td>{{item.type}}</td>
                                    <td>{{item.source}}</td>
                                    <td>{{item.order}}</td>
                                    <td>{{item.show | boolReform}}</td>
                                    <td>
                                        <a *ngIf="!item.leaf" (click)="addLayerChildRow(item)"
                                            class="form-button">新增子图层</a>
                                        <a class="form-button" nz-popconfirm nzTitle="确认删除选择项?"
                                            (nzOnConfirm)="delChildTwo(item)" nzPlacement="bottomRight">删除</a>
                                    </td>
                                </tr>
                            </ng-template>
                        </ng-template>
                    </tbody>
                </nz-table>
            </div>
        </div>
    </div>
    <div class="content-loading" *ngIf="fs.isLoading || fs.isSaveing">
        <nz-spin [nzSize]="'large'"></nz-spin>
    </div>
</div>

<div class="bpm-foot">
    <div class="tools">
        <div class="item" (click)="save()">
            <i nz-icon type="save" class="icon"></i>
            <span class="text">保存</span>
        </div>
        <div class="item" (click)="close()">
            <i nz-icon type="logout" class="icon"></i>
            <span class="text">关闭</span>
        </div>
    </div>
</div>

<nz-modal nzWidth='830' nzTitle="编辑" [nzMaskClosable]='false' [nzFooter]="null" [(nzVisible)]="fs.isEditVisible"
    (nzOnCancel)="fs.closeEdit()">
    <form nz-form [nzLayout]="'inline'">
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label nzRequired class="form-label">名称</nz-form-label>
                    <nz-form-control class="form-control" [nzValidateStatus]="cname.invalid?'error':'success'"
                        nzHasFeedback>
                        <input nz-input required [(ngModel)]="child.cname" name="cname" id="cname" #cname="ngModel">
                    </nz-form-control>
                </nz-form-item>
            </div>

            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label nzRequired class="form-label">所属服务</nz-form-label>
                    <nz-form-control class="form-control" [nzValidateStatus]="service.invalid?'error':'success'"
                        nzHasFeedback>
                        <nz-select [(ngModel)]="child.service" name="service" id="cservicename" #service="ngModel"
                            (nzOpenChange)="serviceDic.load('0',true)" (ngModelChange)="change($event)"
                            [nzPlaceHolder]="'请选择'">
                            <ng-container *ngFor="let option of serviceDic.datas">
                                <nz-option *ngIf="option.valid == true" [nzLabel]="option.display"
                                    [nzValue]="option.id">
                                </nz-option>
                            </ng-container>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24">

            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label nzRequired class="form-label">类型</nz-form-label>
                    <nz-form-control class="form-control" [nzValidateStatus]="stype.invalid?'error':'success'"
                        nzHasFeedback>
                        <nz-select [(ngModel)]="child.type" name="stype" required #stype="ngModel"
                            (nzOpenChange)="dataSourceDic.load('0')" [nzPlaceHolder]="'请选择'">
                            <nz-option *ngFor="let option of dataSourceDic.datas" [nzLabel]="option.display"
                                [nzValue]="option.id">
                            </nz-option>
                            <nz-option *ngIf="dataSourceDic.isLoading" nzDisabled nzCustomContent>
                                <i nz-icon type="loading" class="loading-icon"></i>加载中...
                            </nz-option>
                            <span *ngIf="!dataSourceDic.isLoaded">
                                <nz-option [nzLabel]="child.type" [nzValue]="child.type">
                                </nz-option>
                            </span>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label nzRequired class="form-label">标识</nz-form-label>
                    <nz-form-control class="form-control" [nzValidateStatus]="sname.invalid?'error':'success'"
                        nzHasFeedback>
                        <input nz-input required [(ngModel)]="child.name" name="sname" id="sname" #sname="ngModel">
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">服务类型</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-select [(ngModel)]="child.serverType" name="serverType" required #serverType="ngModel"
                            (nzOpenChange)="dataSourceDic.load('0')" [nzPlaceHolder]="'请选择'">
                            <nz-option *ngFor="let option of dataServeDic.datas" [nzLabel]="option.display"
                                [nzValue]="option.id">
                            </nz-option>
                            <nz-option *ngIf="dataSourceDic.isLoading" nzDisabled nzCustomContent>
                                <i nz-icon type="loading" class="loading-icon"></i>加载中...
                            </nz-option>
                            <span *ngIf="!dataSourceDic.isLoaded">
                                <nz-option [nzLabel]="child.serverTypeName" [nzValue]="child.serverType">
                                </nz-option>
                            </span>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">数据</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-select class="form-control" [(ngModel)]="child.metedata" name="metedata"
                            [nzPlaceHolder]="'请选择'">
                            <nz-option *ngFor="let option of defDic.datas" [nzLabel]="option.display"
                                [nzValue]="option.id">
                            </nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="24">
                <nz-form-item>
                    <nz-form-label class="form-label">属性值</nz-form-label>
                    <nz-form-control class="form-control3">
                        <textarea nz-input [(ngModel)]="child.propertys" name="spropertys" #spropertys="ngModel"
                            [nzAutosize]="{ minRows: 3, maxRows: 5 }"></textarea>
                    </nz-form-control>
                </nz-form-item>
            </div>


        </div>

        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">排序</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-input-number class="form-control" [(ngModel)]="child.order" name="sorder" [nzMin]="1"
                            #sorder="ngModel" [nzMax]="100" [nzStep]="1" class="form-control">
                        </nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">属性</nz-form-label>
                    <nz-form-control class="form-control">
                        <label nz-checkbox [(ngModel)]="child.canSearch" name="valid">可查询</label>
                        <label nz-checkbox [(ngModel)]="child.canEdit" name="leaf">可编辑</label>
                    </nz-form-control>
                </nz-form-item>
            </div>

        </div>

        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="24" class="form-button-align">
                <button nz-button nzType="default" (click)="childClose()" class="form-button">取消</button>
                <button nz-button nzType="primary" [disabled]='cname.invalid || stype.invalid || sname.invalid'
                    (click)="childSave()" [nzLoading]="fs.isSaveing">确定</button>
            </div>
        </div>
    </form>
</nz-modal>

<nz-modal nzWidth='830' nzTitle="编辑" [nzMaskClosable]='false' [nzFooter]="null" [(nzVisible)]="fs.isEditVisible2"
    (nzOnCancel)="childTwoClose()">
    <form nz-form [nzLayout]="'inline'">
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">图层名</nz-form-label>
                    <nz-form-control class="form-control">
                        <input nz-input [(ngModel)]="childTwo.name" name="lname">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">类型</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-select [(ngModel)]="childTwo.group" name="group" [nzPlaceHolder]="'请选择'">
                            <nz-option *ngFor="let option of dicTypeDic.datas" [nzLabel]="option.display"
                                [nzValue]="option.id">
                            </nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24">

            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">排序</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-input-number class="form-control" required [(ngModel)]="childTwo.order" name="order"
                            [nzMin]="1" #order="ngModel" [nzMax]="100" [nzStep]="1">
                        </nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">图层列表展示顺序</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-input-number class="form-control" required [(ngModel)]="childTwo.listOrder" name="listOrder"
                            [nzMin]="1" #listOrder="ngModel" [nzMax]="100" [nzStep]="1">
                        </nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24">


            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">分组名</nz-form-label>
                    <nz-form-control class="form-control">
                        <input nz-input [(ngModel)]="childTwo.groupid" name="groupid">
                    </nz-form-control>
                </nz-form-item>
            </div>

            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">属性</nz-form-label>
                    <nz-form-control class="form-control">
                        <label nz-checkbox [(ngModel)]="childTwo.show" name="show">显示</label>
                        <label nz-checkbox [(ngModel)]="childTwo.checked" name="checked">是否勾选</label>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">指标</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-tree-select required class="form-control" nzPlaceHolder="请选择"
                            [nzDropdownMatchSelectWidth]="true" [nzDropdownStyle]="{ 'max-height': '300px' }"
                            [(ngModel)]="childTwo.indexData" name="sindexData" #sindexData="ngModel"
                            [nzAsyncData]="true" [nzNodes]="dicDataDic.treeDatas">
                        </nz-tree-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">数据源名称</nz-form-label>
                    <nz-form-control class="form-control">
                        <input nz-input [(ngModel)]="childTwo.source" name="source">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">数据源图层名</nz-form-label>
                    <nz-form-control class="form-control">
                        <input nz-input [(ngModel)]="childTwo.sourceLayer" name="sourceLayer">
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">图层类型</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-select [(ngModel)]="childTwo.type" name="ltype" (nzOpenChange)="layerDic.load('0')"
                            [nzPlaceHolder]="'请选择'">
                            <nz-option *ngFor="let option of layerDic.datas" [nzLabel]="option.display"
                                [nzValue]="option.id">
                            </nz-option>
                            <nz-option *ngIf="layerDic.isLoading" nzDisabled nzCustomContent>
                                <i nz-icon type="loading" class="loading-icon"></i>加载中...
                            </nz-option>
                            <span *ngIf="!layerDic.isLoaded">
                                <nz-option [nzLabel]="childTwo.type" [nzValue]="childTwo.type">
                                </nz-option>
                            </span>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">最大级别</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-input-number [(ngModel)]="childTwo.maxzoom" name="maxzoom" [nzMin]="1" #maxzoom="ngModel"
                            [nzStep]="1" class="form-control">
                        </nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzSpan]="12">
                <nz-form-item>
                    <nz-form-label class="form-label">最小级别</nz-form-label>
                    <nz-form-control class="form-control">
                        <nz-input-number [(ngModel)]="childTwo.minzoom" name="minzoom" [nzMin]="1" #minzoom="ngModel"
                            [nzStep]="1" class="form-control">
                        </nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="24">
                <nz-form-item>
                    <nz-form-label class="form-label">图层过滤</nz-form-label>
                    <nz-form-control class="form-control3">
                        <input nz-input [(ngModel)]="childTwo.filter" name="filter">
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="24">
                <nz-form-item>
                    <nz-form-label class="form-label">布局属性(layout)</nz-form-label>
                    <nz-form-control class="form-control3">
                        <textarea [nzAutosize]="{ minRows: 2, maxRows: 4 }" name="layout" nz-input
                            [(ngModel)]="childTwo.layout"></textarea>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="24">
                <nz-form-item>
                    <nz-form-label class="form-label">绘画属性(paint)</nz-form-label>
                    <nz-form-control class="form-control3">
                        <textarea [nzAutosize]="{ minRows: 2, maxRows: 4 }" name="paint" nz-input
                            [(ngModel)]="childTwo.paint"></textarea>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div nz-row [nzGutter]="24" *ngIf="childTwo.group=='2'">
            <div nz-col [nzSpan]="24">
                <nz-form-item>
                    <nz-form-label class="form-label">其他属性</nz-form-label>
                    <nz-form-control class="form-control3">
                        <textarea [nzAutosize]="{ minRows: 2, maxRows: 4 }" name="lpropertys" nz-input
                            [(ngModel)]="childTwo.propertys"></textarea>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>


        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="24" class="form-button-align">
                <button nz-button nzType="default" (click)="childTwoClose()" class="form-button">取消</button>
                <button nz-button nzType="primary" (click)="childTwoSave()">确定</button>
            </div>
        </div>
    </form>
</nz-modal>
